import { defineComponent } from 'vue';
import HelloWord from '../components/HelloWord';
import Logo from '../assets/logo.png';
import { useStore } from 'vuex';
    
export default defineComponent({
  name: 'About',
  data(){
    return {
      count:0,
      list : []
    }
  },
  mounted(){
    this.list = useStore().getters.filterList(4);
    console.log(this.list,'-===========');
  },
  methods:{
    increment() {
      this.count++
    }
  },
  setup() {
    return () => (
      <>
        <h1>About</h1>
        <img src={Logo}/>
        <HelloWord/>
      </>
    );
  }
});